.app-layout {
  @apply h-screen;
}
.app-layout .app-layout__header {
  @apply h-14;
  background: #0865cf;
}
.app-layout .app-layout__sider {
  background: #000;
}
.app-layout .app-layout__sider .ant-layout-sider-children {
  @apply h-full flex flex-col;
  background-color: #2a2d35;
}
.app-layout .app-layout__sider .ant-layout-sider-children .app-menu__wrapper {
  @apply flex-1;
  background-color: #2a2d35;
}
.app-layout .app-layout__sider .ant-layout-sider-children .app-menu__wrapper .ant-menu-item {
  @apply h-14 p-2 m-0 !important;
}
.app-layout .app-layout__sider .ant-layout-sider-children .app-menu__wrapper .ant-menu-item .ant-menu-title-content {
  @apply h-full rounded-md pl-6;
}
.app-layout .app-layout__sider .ant-layout-sider-children .app-menu__wrapper .ant-menu-item.ant-menu-item-selected {
  background: transparent;
}
.app-layout .app-layout__sider .ant-layout-sider-children .app-menu__wrapper .ant-menu-item.ant-menu-item-selected .ant-menu-title-content {
  background-color: #202227;
}
.app-layout .app-layout__sider .ant-layout-sider-children .side-trigger__wrapper {
  @apply p-6 text-white text-lg transition-all;
}
.app-layout .app-layout__sider.ant-layout-sider-collapsed .ant-menu-item {
  @apply h-14 p-2 m-0 !important;
}
.app-layout .app-layout__sider.ant-layout-sider-collapsed .ant-menu-item .ant-menu-title-content {
  @apply rounded-md p-0 block !important;
  width: 34px !important;
  height: 34px !important;
  overflow: hidden;
}
.app-layout .app-layout__sider.ant-layout-sider-collapsed .ant-menu-item .ant-menu-title-content > .anticon {
  height: 34px;
  padding-left: 9px;
  padding-right: 9px;
}
.app-layout .app-layout__sider.ant-layout-sider-collapsed .ant-menu-item.ant-menu-item-selected {
  background: red;
}
.app-layout .app-layout__sider.ant-layout-sider-collapsed .ant-menu-item.ant-menu-item-selected .ant-menu-title-content {
  background-color: #202227;
}
.app-layout .app-layout__sider.ant-layout-sider-collapsed .side-trigger__wrapper {
  @apply pl-4;
}
